<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打印列表</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link   type="text/css" rel="stylesheet"  href="./theme/print/css/layui.css">
<script type="text/javascript" src="./theme/print/js/jquery.min.js"></script>
<script type="text/javascript" src="./theme/print/js/layui.js"></script>
<script type="text/javascript" src="./theme/print/js/layui.all.js"></script>
    <script language="javascript" src="./theme/print/js/nicePage.js"></script>
    
  <style type="text/css">
  /*分页*/
 .page{ margin-top: 10px; margin-bottom: 10px; overflow: hidden;}.page li{ float: left;}
 .page li a, .page li span{ padding: 5px 10px; background-color: #009688; color: #FFF; margin-right: 5px; display: block;}
 .page li a:hover, .page li span{ background-color: #999;}</style                             
</head>
<BODY>

<center style="padding-top: 40px">
	<a style="font-size: 25px;font-weight: 500">保安员证件--打印列表 </a>
	<!-- 数据表格-->
	 <div style="width: 80%;padding-top: 20px"> 
	        <!--查询-->
			<div class="layui-row">
                <div class="layui-col-lg8" style="text-align: left ">
                    <a href="?/admin/user/index/connect/qq.html" class="layui-btn">已打印</a>
                    <a href="?/admin/user/index/connect/weibo.html" class="layui-btn">未打印</a>
					<button type="button" class="search  layui-btn layui-btn-normal">查</button>
                </div>
                <div  class="layui-col-lg4" style="text-align: right">

                    <div class="layui-input-inline" style="width: 300px">
                        <input type="text" name="k" value="" placeholder="姓名/身份证" class="layui-input key">
                    </div>
                    <button type="button" class="layui-btn sou">搜索</button>
                </div>
            </div>
    <!--以下为两个必须div元素--> 
        <div id="table"></div>
        <div id="pageBar"></div>

	 
   </div> 
	<!-- 数据表格-->

</center>


  <script type="text/javascript">

     var json = <?php echo $tabledata ?>;//接受json
    var nameList = ['id', 'name', 'bm_id', 'zkz_num', 'sfz', 'papers', 'bday', 'address', 'fadate', 'phone','status'] //table的列名
    var widthList = [100, 100, 100, 100, 100, 100, 100, 100, 100, 250] //table每列的宽度

    /**
     * 初始化设置nicepage组件    v1.0
     *-------------------------------------------------------------
     * 进行数据组装,与layui交互进行元素渲染
     *-------------------------------------------------------------
     * @param    {string}  table     table的div id
     * @param    {string}  bar     底部分页的div id
     * @param    {int}  limit     每页默认行数
     * @param    {string}  color     底部分页的颜色
     * @param    {array}  layout     底部分页的布局,具体可参考layui api
     *
     * @date     2018-10-19
     * @author   Thomas.dz <hzdz163@163.com>
     */
    $(function () {
        
        nicePage.setCfg({
            table: 'table',
            bar: 'pageBar',
            limit: 20,
            color: '#1E9FFF',
            layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
        });
    });//初始化完成





/* layui.use('laytpl', function(){
  var laytpl = layui.laytpl;
                 // 保安证详情
               $('.search').click('click',function(){
                  upid=1;
                    $.ajax({
                        type:"get",
                        url:'baoan-get_baoan1',
                        data: { upid: upid},
                        datatype:"json",
                        success:function(data){                                
                             var gettpl = document.getElementById('demo').innerHTML;

                            data = JSON.parse(data); //字符串转对象
                            var dataTpl = {
                              "title": "Layui常用模块"
                              ,"list": data
                            }

                             laytpl(gettpl).render(dataTpl, function(html){
                                 
                                document.getElementById('view').innerHTML = html;
                              });  
                             
                            
                        }
                    });
            }); 
 
}); 
 */
</script>  

</body>
</html>